<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>请在浏览器中打开</title>
    <style>
        html {
            font-size: 37.5px;
        }
        body {
            margin: 0;
            padding: 0;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            min-height: 100vh;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        body {
            /* position: fixed; */
            /* top: 0; */
            /* left: 0; */
            width: 100%;
            height: 100%;
            background-image: url('assets/wechat_background.png');
            /* background-size: 100% 100%; */
            background-size: cover;

            /* background-position: center; */
            background-repeat: no-repeat;
            /* z-index: -1; */

            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        .tip {
            font-size: 0.64rem; /* 24px */
            color: #57927c;
            margin-bottom: 0.53rem; /* 20px */
        }
        .steps {
            box-sizing: border-box;
            background: #f3f2d6;
            border-radius: 0.32rem 0 0.32rem 0.32rem; /* 12px */
            width: 5.95rem; /* 223px */
            height: 2.51rem; /* 94px */
            padding: 0.43rem; /* 16px */
            position: relative;
            
        }
        .step {
           
            text-align: left;
            font-size: 0.43rem; /* 16px */
            color: #57927c;
        }
        .stepone {
            margin-bottom: 0.43rem; /* 16px */
        }
        .arrow {
            width: 2.35rem; /* 88px */
            height: 8.27rem; /* 310px */
            background-image: url('assets/Vector.png');
            /* background-size: 100% 100%; */
            background-size: cover;

            /* background-position: center; */
            background-repeat: no-repeat;
            position: absolute;
            top: -8rem; /* -300px ≈ -8rem */
            right: -2.13rem; /* -80px ≈ -2.13rem */
        }
      
        /* .background-div {
            position: relative;
            z-index: 99;
        } */
    </style>
</head>
<body>
    <div class="tip">"请在浏览器中打开"</div>
    <div class="steps">
        <div class="arrow"></div>
        <div class="step stepone">1.点击右上角菜单按钮</div>
        <div class="step">2.选择"在浏览器中打开"</div>
    </div>

    <script>
        // 检测是否在微信中
        function isWeChat() {
            return /micromessenger/i.test(navigator.userAgent);
        }

        // 如果不在微信中，跳转到主页面
        if (!isWeChat()) {
            const urlParams = new URLSearchParams(window.location.search);
            const adId = urlParams.get("adId");
            const appId = urlParams.get("appId");
            
            // 跳转到主页面，保留所有参数
            window.location.href = `index.html?${urlParams.toString()}`;
        }
    </script>
</body>
</html> 